<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>东宏团队</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <link rel="stylesheet" href="../libs/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="../style/fonts/iconfont.css"/>
    <link rel="stylesheet" href="../style/css/main.css"/>
    <!-- HTML5 shim and Respond.js : 为低于IE9的浏览器提供html5标签和媒体查询的支持  -->
    <!-- 警告: Respond.js 不能在通过 file:// 协议获取的页面中正常工作-->
    <!--[if lt IE 9]>
    <script src="../libs/html5shiv/html5shiv.min.js"></script>
    <script src="../libs/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="login">
    <header class="">
        <div class="page-header">
            <div class="clearfix width960">
                <div class="pull-left">
                    <img src="../style/img/index/logo.png" alt="">
                </div>
                <div class="pull-right">
                    <ul class="list-inline">
                        <li class="fxwx"><a  href="#"><i class="iconfont icon-fenxiangweixin "></i></a>
                            <img src="../style/img/index/ermaw.png" alt="">
                        </li>
                        <li><a  href="cusSerCenter.html">登录</a></li>
                        <li><a href="#">注册</a></li>
                    </ul>
                </div>
            </div>
            <ul class="nav nav-pills width960">
                <li role="presentation"><a href="index.html">首页</a></li>
                <li role="presentation"><a  href="about.html">关于东宏</a></li>
                <li role="presentation"><a href="team.html">东宏团队</a></li>
                <li role="presentation"><a href="product.html">旗下产品</a></li>
                <li role="presentation"><a class="active" href="cusSerCenter.html">客服中心</a></li>
                <li role="presentation"><a href="information.html">资讯中心</a></li>
                <li role="presentation"><a href="recruitment.html">人才招聘</a></li>
            </ul>
        </div>
    </header>
    <div class="navigate text-right">
        <ol class="breadcrumb width960">
            <li class="home"><a href="index.html">HOME</a></li>
            <li class="active"><a href="cusSerCenter.html">客服中心</a></li>
        </ol>
    </div>
    <div class="login-container">
        <h4>客服中心</h4>
        <h4>CUSTOMER SERVICE</h4>
        <div class="login-box text-center">
            <div  class=" login-panel">
                <div class="login-body">
                    <ul class="nav nav-tabs">
                        <li role="presentation" class="active"><a href="#password" role="tab" data-toggle="tab" aria-controls="password" >密码登录</a></li>
                        <li role="presentation"><a href="#checkCode" role="tab" data-toggle="tab" aria-controls="checkCode" >手机验证码登录</a></li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="password">
                            <form role="form" ld-comp="form" id="passwdLoginForm">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="icon iconfont icon-zhucedengluyonghuming"></i></span>
                                    <input type="text" class="form-control" placeholder="请输入用户名" name="cust_loginname" required  autocomplete="off" id="cust_loginname">
                                </div>
                                <div class="input-group">
                                    <span class="input-group-addon pas"><i class="icon iconfont icon-mima"></i></span>
                                    <input type="password" class="form-control" placeholder="请输入密码" name="password" required autocomplete="off">
                                </div>
                                <button type="submit" class="btn btn-default btn-login" id="passwdLogin">登录</button>
                            </form>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="checkCode">
                            <form role="form" ld-comp="form" id="checkCodeLoginForm">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="icon iconfont icon-zhucedengluyonghuming"></i></span>
                                    <input type="text" class="form-control" placeholder="请输入手机号" name="phone_number" required  autocomplete="off" id="phone_number">
                                </div>
                                <div class="input-group">
                                    <span class="input-group-addon pas"><i class="icon iconfont icon-mima"></i></span>
                                    <input type="text" class="form-control validCode" placeholder="请输入验证码" name="validCode" required autocomplete="off">
                                    <span class="input-group-btn getVC">
                                        <button class="btn btn-default btn-vrfCode" type="button" id="getCode">获取验证码</button>
                                    </span>
                                </div>
                                <button type="submit" class="btn btn-default btn-login" id="checkCodeLogin">登录</button>
                            </form>
                        </div>
                        <div class="clearfix">
                            <a type="button" id="forgetPas" class=" pull-left">忘记密码</a>
                            <a type="button" id="register" class=" pull-right">没有账号？注册</a>
                        </div>
                        <div class="login-detail">根据中国证监会、中国基金业协会监管要求，私募基金的产品信息只能向特定对象展示。
                            如需了解产品详情，请注册登录查看。</div>
                    </div>
                </div>
                <div class="text-center other">
                    <a href="cusSerCenter/comProblems.html">常见问题</a>
                    <span>|</span>
                    <a href="subscription.html">认购流程</a>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="list">
        <ul class="list-unstyled">
            <li>
                <h5><a href="about.html">关于东宏</a></h5>
                <a href="about.html">公司概况</a>
                <a href="about.html">领导致辞</a>
                <a href="about.html">组织架构</a>
                <a href="about.html">企业文化</a>
                <a href="about.html">投资哲学</a>
                <a href="about.html">联系我们</a>
            </li>
            <li>
                <h5><a href="team.html">东宏团队</a></h5>
                <a href="team.html">高层团队</a>
            </li>
            <li>
                <h5><a href="product.html">旗下产品</a></h5>
            </li>
            <li>
                <h5><a href="cusSerCenter.html">客服中心</a></h5>
                <a href="cusSerCenter/comProblems.html">常见问题</a>
                <a href="subscription.html">认购流程</a>
            </li>
            <li>
                <h5><a href="information.html">资讯中心</a></h5>
            </li>
            <li>
                <h5><a href="recruitment.html">人才招聘</a></h5>
            </li>
            <li class="email">
                <h5>公司邮箱</h5>
                <h5>public@chinext.com</h5>
            </li>
            <li class="text-right">
                <img src="../style/img/index/wxm.jpg" alt="">
            </li>
        </ul>
        <ul class="list-inline">
            <li>
                <h5>中创资本</h5>
                <p class="text-right"><a href="#"><i class="iconfont icon-xiangyou"></i></a></p>
            </li>
            <li>
                <h5>永兴资本</h5>
                <p class="text-right"><a href="#"><i class="iconfont icon-xiangyou"></i></a></p>
            </li>
        </ul>
    </div>
    <div class="copInfo">
        <div class="clearfix">
            <p class="pull-left">版权所有&middot;严禁复制&copy;2018 中创资本有限公司 粤ICP备12000207号</p>
            <p class="pull-right">地址：深圳市福田区福华一路115号投行大厦6层</p>
        </div>
    </div>
</footer>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
                <img src="../style/img/team/modal/psn1.png" alt="">
                <div class="content">
                    <p class="name">汪钦<span class="position">执行董事</span></p>
                    <p>
                        中国人民银行研究生部博士研究生。历任国信证券有限责任公司研究所所长，长城基金管理有限公司副总经理，宝盈基金管理有限公司总经理。现任中创资本总经理、东宏投资执行董事、永兴资本执行董事。
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../libs/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../script/main.js"></script>
<script>
    $("p.hasImg").click(function () {
        var index=$(".leaders p").index($(this))+1;
        var imgsrc="../style/img/team/modal/psn"+index+".png";
        var name=$(this).children("span").text();
        $("#myModal").find("img").attr("src",imgsrc);
        $("#myModal").find("p.name").html(name);
        $("#myModal").modal("show");
    })
</script>
</body>
</html>